<!--<script type="text/javascript" src="{{$LAYOUT_HELPER_URL}}front/js/jquery.js"></script>-->
<script type="text/javascript" src="{{$LAYOUT_HELPER_URL}}front/js/jquery.validate.js"></script>
<script type="text/javascript"
    src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
function submitForm()
{
	$('#contact').submit();
}

$().ready(function() {
    // validate signup form on keyup and submit
    $("#contact").validate({
        rules: {
            'data[name]': "required",
            'data[message]': "required",      
            'data[captcha]': "required",
            'data[mail]':"required"
            
        },
        messages: {
            'data[name]': "",
            'data[message]': "",
            'data[captcha]': "",
            'data[mail]':""
        }
    }); 

    initialize();
});


function initialize() {
    var latlng = new google.maps.LatLng(12.24941,109.189528);
    var myOptions = {
      zoom: 18,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    
    var image = new google.maps.MarkerImage(
  		  '{{$LAYOUT_HELPER_URL}}front/images/marker-images/image.png',
    		new google.maps.Size(82,62),
    	  	  new google.maps.Point(0,0),
    	  	  new google.maps.Point(41,62)
  		);

	var shadow = new google.maps.MarkerImage(
	  '{{$LAYOUT_HELPER_URL}}front/images/marker-images/shadow.png',
	  new google.maps.Size(116,62),
	  new google.maps.Point(0,0),
	  new google.maps.Point(41,62)
	);

	var shape = {
			  coord: [74,0,77,1,78,2,79,3,80,4,80,5,81,6,81,7,81,8,81,9,81,10,81,11,81,12,81,13,81,14,81,15,81,16,81,17,81,18,81,19,81,20,81,21,81,22,81,23,81,24,81,25,81,26,81,27,81,28,81,29,81,30,81,31,81,32,81,33,81,34,81,35,81,36,81,37,81,38,81,39,81,40,81,41,81,42,81,43,81,44,81,45,81,46,81,47,81,48,81,49,80,50,80,51,79,52,79,53,77,54,76,55,47,56,46,57,45,58,44,59,43,60,42,61,41,61,39,60,38,59,37,58,36,57,35,56,5,55,3,54,2,53,1,52,1,51,0,50,0,49,0,48,0,47,0,46,0,45,0,44,0,43,0,42,0,41,0,40,0,39,0,38,0,37,0,36,0,35,0,34,0,33,0,32,0,31,0,30,0,29,0,28,0,27,0,26,0,25,0,24,0,23,0,22,0,21,0,20,0,19,0,18,0,17,0,16,0,15,0,14,0,13,0,12,0,11,0,10,0,9,0,8,0,7,0,6,0,5,1,4,2,3,3,2,4,1,7,0,74,0],
			  type: 'poly'
	};
    var marker = new google.maps.Marker({
        position: latlng, 
        map: map,
        icon: image,
        shadow: shadow,
        shape: shape,
        title:"Đạt Đạt"
    });
  }
</script>
	<div class="w700 float_left">
        <div class="bg_tt1">
          <p class="tt p5t">{{l}}Contact{{/l}}</p>
        </div>
        <div class="p15t">
        
        
        
          <div class="w317 text_contact float_left"> <img src="{{$LAYOUT_HELPER_URL}}front/images/tt_ten-cty.jpg"/>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="13%"><img src="{{$LAYOUT_HELPER_URL}}front/images/icon_home.png" /></td>
                <td width="87%">{{l}}28 yersin,NHA TRANG City, KHANH HOA{{/l}}</td>
              </tr>
              <tr>
                <td><img src="{{$LAYOUT_HELPER_URL}}front/images/icon_contact.png"/></td>
                <td>0583  811 379 </td>
              </tr>
              <tr>
                <td><img src="{{$LAYOUT_HELPER_URL}}front/images/icon_print.png"/></td>
                <td>0583  813 879</td>
              </tr>
              <tr>
                <td><img src="{{$LAYOUT_HELPER_URL}}front/images/icon_email.png"/></td>
                <td><a href="mailto:lienhe@datdattours.vn ">lienhe@datdattours.vn</a></td>
              </tr>
              <tr>
                <td><img src="{{$LAYOUT_HELPER_URL}}front/images/icon_phone.png" width="30" height="30" /></td>
                <td>0908 700 465 </td>
              </tr>
            </table>
            <div> </div>
          </div>
          
          
         
          <div class="box_comment w350 m10b float_right">
          <div class="input_form">
          
          <form method="POST" id="contact" name="contact">  
          	 {{if $contactMessage|@count > 0}}        	
          	<p><span style="color:red; padding-left: 105px;">{{$contactMessage.message}}</span> </p></br>         	
        	{{/if}}        
            <label>{{l}}Name{{/l}} <span style="color:red">*</span></label>
            <input class="txt_comment w230" name="data[name]" type="text" />
            <br class="cb" />
            <label>{{l}}E-mail{{/l}} <span style="color:red">*</span></label>
            <input class="txt_comment w230" name="data[email]" type="text" />
            <br class="cb" />
            <label>{{l}}Address{{/l}}  </label>
            <input class="txt_comment w230" name="data[addr]" type="text" />
            <br class="cb" />
            <label>{{l}}Phone{{/l}} </label>
            <input class="txt_comment w230" name="data[phone]" type="text" />
            <br class="cb" />
            <label>{{l}}Message{{/l}} <span style="color:red">*</span></label>
            <textarea name="data[message]" class=" w230" cols="" rows=""></textarea>
            <br class="cb" />
            <label>{{l}}Code{{/l}}<span style="color:red">*</span></label>
	        <input class="txt_comment w115" name="data[captcha]" type="text" /><span class="float_left m5l"><img src="{{$LAYOUT_HELPER_URL}}front/captcha/create_image.php?r={{$randomNumber}}" style="padding-top:4px;" /></span><br class="cb" />
	        <label>&nbsp;</label>
	        <input onclick="javascript:submitForm();" name="" type="image" src="{{$LAYOUT_HELPER_URL}}front/images/bt_gui_{{$LANG_CODE}}.png" /><br class="cb" />
            </form>
            </div>
          </div>
          
  <div class="clear"></div>
        <div class="cb"></div>
        </div>
        <div id="map_canvas" style="width:698px; height:383px"></div>
      </div>
      
